<%@ page import="com.pension.model.dto.Member"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>

<link rel="Stylesheet" href="/pension/styles/header.css" />


<html>

<script type="text/javascript">
	function view() {
		if (hiddenTB.style.display == "none") {
			hiddenTB.style.display = "block";
			BT.value = "닫힘";
		} else {
			hiddenTB.style.display = "none";
			BT.value = "SELECT ROOM";
		}
	}
</script>

<style type="text/css">
.awesome,.awesome:visited {
	background: #222 url(alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	position: relative;
	cursor: pointer;
}

.awesome:hover {
	background-color: #111;
	color: #fff;
}

.awesome:active {
	top: 1px;
}

.awesome,.awesome:visited,.medium.awesome,.medium.awesome:visited {
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

.large.awesome,.large.awesome:visited {
	font-size: 14px;
	padding: 8px 14px 9px;
}
</style>

<body id="body">
	<br />
	<br />

	<table border="0" cellpadding="0" cellspacing="0" align="center">
		<tr>

				<td><a id="BT" class="large awesome" value="SELECT ROOM" onclick="view()">SELECT ROOM</a></td>
		</tr>
	</table>
	<table id="hiddenTB"style="display: none" align="center"
		width="1080px" border="0" cellpadding="0" cellspacing="0">
		<tr align="center">
			<td width="270px"><a class="large awesome" href="image101.action" >&nbsp;&nbsp;&nbsp;101&nbsp;&nbsp;&nbsp;</a></td>
			<td width="270px"><a class="large awesome" href="image102.action" >&nbsp;&nbsp;&nbsp;102&nbsp;&nbsp;&nbsp;</a></td>
			<td width="270px"><a class="large awesome" href="image201.action" >&nbsp;&nbsp;&nbsp;201&nbsp;&nbsp;&nbsp;</a></td>
			<td width="270px"><a class="large awesome" href="image202.action" >&nbsp;&nbsp;&nbsp;202&nbsp;&nbsp;&nbsp;</a></td>
		</tr>
	</table>
<br /><br />

</body>
</html>